<!-- Doctype : Choose one and delete this comment -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>My Title</title>

    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <meta name="robots" content="index, follow" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />

    <!-- Favicon -->
    <link rel="shortcut icon" href="" />
    <!-- CSS -->
    <link rel="stylesheet" href="" media="screen,projection" type="text/css" />
    <link rel="stylesheet" href="" media="print" type="text/css" />
    <!-- RSS -->
    <link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />
    <!-- JavaScript -->
    <script src="" type="text/javascript"></script>
  </head>

  <body>
    <div id="container">

      <h1><a href="" title="Test Link">Untitled</a> - Online Style Guide Template (h1)</h1>

      <p>Title : <em>Title of this Document</em><br /> 
        Description : <em>A description of this document that explains how this guide should be used.</em></p>
      <p>Author : <em>The Author</em><br /> 
        URL: <em>http://url.to.reference.com</em><br /></p>
      <p>Created : <em>Month DD, YYYY</em><br />

        Modified : <em>Month DD, YYYY</em><br /></p>

      <hr />

      <div id="navigation">

        <h2>Navigation (h2)</h2>

        <ul>
          <li>Unordered List - First item.</li>
          <li>Another item with <a href="" title="Test Link">a link.</a></li>

          <li><a href="" title="Test Link">Another item that is linked</a></li>
          <li>Last item.</li>
        </ul>

        <ol>
          <li>Ordered List - First item.</li>
          <li>Another item with <a href="" title="Test Link">a link.</a></li>

          <li><a href="" title="Test Link">Another item that is linked.</a></li>
          <li>Last item.</li>
        </ol>

      </div><!-- navigation -->

      <hr />

      <div id="primaryContent">

        <h2>Primary Content (h2)</h2>

        <h3>Headline the Third (h3)</h3>
        <h4>Headline the Fourth (h4)</h4>

        <p>First paragraph. In <a href="" title="Test Link">typography</a>, a paragraph is a block of text. Paragraphs are the medium-size unit of <a href="" title="Test Link">human-language text</a>. A group of sentences developing a single idea from a topic sentence. Some words in sentences need to be <b>bolded</b>, <i>italicized</i>, <strong>strengthened</strong> or <em>emphasized</em>.</p>


        <p>Another paragraph. In typography, a paragraph is a block of text. Paragraphs are the medium-size unit of human-language text. A group of sentences developing a single idea from a topic sentence.</p>

        <ul>
          <li>Unordered List - First item.</li>
          <li>Another item with <a href="" title="Test Link">a link.</a></li>
          <li><a href="" title="">Another item that is linked</a></li>
          <li>Last item.</li>
        </ul>

        <ol>
          <li>Ordered List - First item.</li>
          <li>Another item with <a href="" title="Test Link">a link.</a></li>
          <li><a href="" title="Test Link">Another item that is linked.</a></li>
          <li>Last item.</li>
        </ol>

      </div><!-- primaryContent -->
    </div><!-- container -->

  </body>
</html>
